<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>h5-6</title>
    <link rel="stylesheet" href="../public/reset.css">
    <link rel="stylesheet" href="../public/common.css">
    <link rel="stylesheet" href="../public/animate.min.css">
</head>
<script>
    (function() {
        var html = document.documentElement,
            htmlWidth = html.offsetWidth;
        html.style.fontSize = htmlWidth / 15 + 'px';
    })()
</script>

<body style="background:url(images/backdrop-pink.png) no-repeat center;background-size: contain">
    <div class="wrap swiper-container">
        <ul class="productList swiper-wrapper">
            <li class="fLis swiper-slide fLis-heart">
                <h2 class="ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="1s">
                    <img src="images/logo.png">
                    <span>保信云顾问</span>
                </h2>
                <div class="pic3 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s"><img src="images/love-text.png"></div>
                <div class="pic-ly ani" swiper-animate-effect="lightSpeedIn"><img src="images/lovely.png"></div>
                <div class="more more2"><img src="images/more.png"></div>
            </li>
            <li class="swiper-slide">
                <h2 class="title">
                    <img src="images/logo.png">
                    <span>保信云顾问</span>
                </h2>
                <div class="content content-ly">
                    <h2 class="ani" swiper-animate-effect="fadeInLeft">世界这么大，放心去<br> 我给我们买了意外险
                    </h2>
                    <div class="intro">
                        <p class="ani" swiper-animate-effect="fadeInLeft">如果你想看看这美丽的世界，你放心去我已经为我们买好了意外险，旅途中的任何问题，都不是问题。</p>
                    </div>
                    <div class="pic-lvy1 ani" swiper-animate-effect="rotateIn"><img src="images/pic1.jpg"></div>
                </div>
                <div class="more more-2"><img src="images/more.png"></div>
            </li>
            <li class="swiper-slide">
                <h2 class="title">
                    <img src="images/logo.png">
                    <span>保信云顾问</span>
                </h2>
                <div class="content content-ly">
                    <h2 class="ani" swiper-animate-effect="fadeInLeft">如果你病了，去最好的医院，<br> 我给我们买了健康险
                    </h2>
                    <div class="intro">
                        <p class="ani" swiper-animate-effect="fadeInLeft">如果心爱的你生病了，别担心，我会带你去最好的医院，别担心医疗费用，我已经为我们买好了健康险、医疗险，相信最好的护理与药物会让你恢复健康。</p>
                    </div>
                    <div class="pic-lvy2 ani" swiper-animate-effect="rotateIn"><img src="images/pic2.jpg"></div>
                </div>
                <div class="more"><img src="images/more.png"></div>
            </li>
            <li class="swiper-slide">
                <h2 class="title">
                    <img src="images/logo.png">
                    <span>保信云顾问</span>
                </h2>
                <div class="content content-ly">
                    <h2 class="ani" swiper-animate-effect="fadeInLeft">当你老了，我会给你最好的老年生活，<br> 我给我们买了养老险
                    </h2>
                    <div class="intro">
                        <p class="ani" swiper-animate-effect="fadeInLeft">和我在一起，一直到我们老去，你也不用担心，因为我已经买好了养老险，直到老去，我都要让你享有最有品质的生活。</p>
                        <div class="pic-lvy3 ani" swiper-animate-effect="rotateIn"><img src="images/pic3.jpg"></div>
                    </div>
                </div>
                <div class="more"><img src="images/more.png"></div>
            </li>
            <li class="swiper-slide">
                <h2 class="title">
                    <img src="images/logo.png">
                    <span>保信云顾问</span>
                </h2>
                <div class="content content-ly">
                    <h2 class="ani" swiper-animate-effect="fadeInLeft">无论怎么样，我对你的爱一直在，<br> 我给我们买了所有保险
                    </h2>
                    <div class="intro">
                        <p class="ani" swiper-animate-effect="fadeInLeft">我已经为我们买好所有保险，如果有意外，这些保险可以证明：我对你的这份爱意永远都在！</p>
                        <div class="pic-lvy4 ani" swiper-animate-effect="rotateIn"><img src="images/pic4.jpg"></div>
                    </div>
                </div>
                <div class="more"><img src="images/more.png"></div>
            </li>

            <li class="swiper-slide">
                <div class="advBox">
                    <div class="ani" swiper-animate-effect="rollIn">
                        <img src="images/logo.png" alt=""> 保信云顾问
                        <!-- <span class="userName">李建军</span> -->
                    </div>
                    <div class="ani" swiper-animate-effect="rollIn">
                        <p>保险咨询</p>
                        <p><img src="../h5-4/images/more.png"></p>
                    </div>
                    <div class="btPic"><img id="qrCode" class="ani" swiper-animate-effect="rotateIn" src="images/code.png" alt=""></div>
                </div>
            </li>
            <li class="swiper-slide">
                <!-- 保险咨询 -->
                <div class="advBox ">
                    <div>
                        <img src="images/logo.png" alt=""> 保信云顾问
                        <span class="userName"> </span>
                    </div>
                    <iframe id="consult" height="500px" src="http://ii.sinelinked.com/sub/consult/" frameborder="0"></iframe>
                </div>
            </li>
        </ul>
    </div>
    <script src="http://ii.sinelinked.com/lib/axios.min.js"></script>
    <script src="../public/swiper.animate1.0.3.min.js"></script>
    <script src="../public/swiper.min.js"></script>
    <script src="../public/utils.js"></script>
    <script src="../public/common.js"></script>
</body>

</html>